﻿<%template _header%>
<link rel="stylesheet" type="text/css" href="/support/common/vss.css">
<%namespace YouHP.Model%>
<%namespace YouHP.Model.Group%>

<script type="text/javascript">
    function ChangeDetailStatus()
    {
        if( _$('detail').style.display == 'none')
        {
            _$('detail').style.display = '' ;
        }
        else
        {
            _$('detail').style.display = 'none';
        }
    }
</script>


<div class="layout-cols2">
	
	<div class="col1">		
		<div class="box">
			<div class="caption">
				疾病简介
			</div>
			<div class="content">
				{DiseaseData.Intro}
				<%csharp%>if(DiseaseData.Desp.Length > 0) { <%/csharp%>
				    <div style=" float:right;"><a id="changeDetail" href="javascript:ChangeDetailStatus();" class="yellowbutton">查看详情</a></div>    
				<%csharp%> } <%/csharp%>	
				<div style="clear:both;"></div>				
			</div>
			
		</div>
		
		<div id="detail" class="box" style="display:none">
			<div class="caption">
				疾病描述
			</div>
			<div class="content">
				{DiseaseData.Desp}
				 <div style=" float:right;"><a href="javascript:ChangeDetailStatus();" class="yellowbutton">关闭详情</a></div>
				 <div style="clear:both;"></div>		
			</div>
		</div>
		<div class="box">
			<div class="caption">
				疾病地区分布
			</div>
			<div>
			    <br /><br />
			    <div id="region"  style="width:700px;height:370;overflow-x:auto;overflow-y:hidden;"><img src="/support/alpha/images/indicator_medium.gif" /><b>正在加载……</b></div>
			    <b>&nbsp;&nbsp;该疾病在不同地区的人数分布，点击人数可显示病人列表。</b>（统计数据以前一天为准）
			</div>
		</div>
	    <div class="box">
			<div class="caption">
				症状统计
			</div>
			<div>
			    <br /><br />
			    <div id="symptom"  style="width:700px;height:370px;overflow-x:auto;overflow-y:hidden;"><img src="/support/alpha/images/indicator_medium.gif" /><b>正在加载……</b></div>
			    <b>&nbsp;&nbsp;柱状图上方数字为服用该剂量人数，点击可以显示其病人列表。</b>（统计数据以前一天为准）
			</div>
		</div>
		
		<!--
        <div class="box">
			<div class="caption">
				治疗统计
			</div>
			<div>
			    <br /><br />
			    <div id="treatment"  style="width:700px;height:370px;overflow-x:auto;overflow-y:hidden;"><img src="/support/alpha/images/indicator_medium.gif" /><b>正在加载……</b></div>
			    <b>&nbsp;&nbsp;柱状图上方数字为服用该剂量人数，点击可以显示其病人列表。</b>（统计数据以前一天为准）
			</div>
		</div>
		-->
	</div>
	<div class="col2">
	    <%template _AddDisease%>
		<%template _PatientRelatedForDisease%>
        <%template _SymptomRelatedForDisease%>
        <!--<%template _TreatmentRelatedForDisease%>-->
        <%template _TopicHottestForDisease%>
	</div>
	
</div>
<script type="text/javascript" src="/support/common/vss.js"></script>
<script type="text/javascript">
function loadJs()
{
	var id = getURLParam("id", location.href);
	
	var url = "/support/data/disease_stat/disease_stat_"+id+".js";
	var o = new GetJs(url,load,load);
	o.init();
}
function load()
{
   var data = [] ;
   var id = getURLParam("id", location.href);
   var width = 100*disease_region.length ; 
   width = width < 600 ? 600 : width ;
   for(var i=0;i< disease_region.length;++i) data[i] = {name:disease_region[i][0], value:disease_region[i][1], href:"/Pages/Alpha/PatientList.aspx?dszid="+id+"&province="+disease_region[i][2]};
	 if (data.length == 0 )
    {
        data[0] = {name:"", value:0};
    }
	vmlss({
		element:document.getElementById("region"),//这个是绘图时图形放置的容器，可选
		data:data,//数据
		type:"cylinder_h",//cylinder_h表示画饼图份
		title:'',//这个是表的标题，可选
		width:width,//这个是整个图的宽度
		height:350,//这个是整个图的高度
		vLabel:"<b>地区</b>",//这个是水平坐标的名称，可选
		hLabel:"<b>该疾病在不同地区的人数</b>"//这个是垂直坐标的名称，可选
	}).draw();
    
   var data1 = [] ;
   width = 100*disease_symptom.length ; 
   width = width < 600 ? 600 : width ;
   for(var i=0;i< disease_symptom.length;++i) data1[i] = {name:disease_symptom[i][0], value:disease_symptom[i][1], href:"/Pages/Alpha/PatientList.aspx?dszid="+id+"&symid="+disease_symptom[i][2]};
	if (data1.length == 0 )
    {
        data1[0] = {name:"", value:0};
    }
	vmlss({
		element:document.getElementById("symptom"),//这个是绘图时图形放置的容器，可选
		data:data1,//数据
		type:"cylinder_h",//cylinder_h表示画饼图份
		calnum:25,//这个表示把竖坐标的刻度划分成25份
		title:'',//这个是图表的标题，可选
		width:width,//这个是整个图的宽度
		height:350,//这个是整个图的高度
		vLabel:"<b>病症</b>",//这个是水平坐标的名称，可选
		hLabel:"<b>该疾病中不同症状人数</b>"//这个是垂直坐标的名称，可选
	}).draw();
	
   var data2 = [] ;
   width = 100*disease_treatment.length ; 
   width = width < 600 ? 600 : width ;
   for(var i=0;i< disease_treatment.length;++i) data2[i] = {name:disease_treatment[i][0], value:disease_treatment[i][1],  href:"/Pages/Alpha/PatientList.aspx?dszid="+id+"&trmid="+disease_treatment[i][2]};
    if (data2.length == 0 )
    {
        data2[0] = {name:"", value:0};
    }
    /*
    vmlss({
		element:document.getElementById("treatment"),//这个是绘图时图形放置的容器，可选
		data:data2,//数据
		type:"cylinder_h",//cylinder_h表示画饼图份
		title:'',//这个是图表的标题，可选
		width:width,//这个是整个图的宽度
		height:350,//这个是整个图的高度
		vLabel:"<b>治疗</b>",//这个是水平坐标的名称，可选
		hLabel:"<b>使用该治疗人数</b>"//这个是垂直坐标的名称，可选
	}).draw();
	*/
        
}
loadJs();
</script>
<%template _footer%>		
